<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">

<head>
    <!-- 页面meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>商家完善资料</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">

    <link rel="stylesheet" href="../plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../plugins/adminLTE/css/AdminLTE.css">
    <link rel="stylesheet" href="../plugins/adminLTE/css/skins/_all-skins.min.css">
    <link rel="stylesheet" href="../css/style.css">
    <script src="../plugins/jQuery/jquery-2.2.3.min.js"></script>
    <script src="../plugins/bootstrap/js/bootstrap.min.js"></script>

    <!--引入自定义的文件-->
    <script src="../js/pages/public.js"></script>
</head>

<body class="hold-transition skin-red sidebar-mini">


<!-- 正文区域 -->
<section class="content">

    <div class="box-body">

        <!--tab页-->
        <div class="nav-tabs-custom">

            <!--tab头-->
            <ul class="nav nav-tabs">

                <li class="active">
                    <a href="#home" data-toggle="tab">商家信息</a>
                </li>
            </ul>
            <!--tab头/-->

            <!--tab内容-->
            <div class="tab-content">

                <!--表单内容-->
                <form id="divfrom">
                    <table id="divId">
                        <!--                    <div class="tab-pane active" id="home">-->

                        <!--                        <div class="row data-type">-->

                        <!--                            <div class="col-md-2 title">公司名称</div>-->
                        <!--                            <div class="col-md-10 data">-->
                        <!--                                <input type="text" class="form-control" placeholder="公司名称" value="">-->
                        <!--                            </div>-->

                        <!--                            <div class="col-md-2 title">公司手机</div>-->
                        <!--                            <div class="col-md-10 data">-->
                        <!--                                <input type="text" class="form-control" placeholder="公司手机" value="">-->
                        <!--                            </div>-->

                        <!--                            <div class="col-md-2 title">公司电话</div>-->
                        <!--                            <div class="col-md-10 data">-->
                        <!--                                <input type="text" class="form-control" placeholder="公司电话" value="">-->
                        <!--                            </div>-->

                        <!--                            <div class="col-md-2 title">公司详细地址</div>-->
                        <!--                            <div class="col-md-10 data">-->
                        <!--                                <input type="text" class="form-control" placeholder="公司详细地址" value="">-->
                        <!--                            </div>-->

                        <!--                            <div class="col-md-2 title">联系人姓名</div>-->
                        <!--                            <div class="col-md-10 data">-->
                        <!--                                <input type="text" class="form-control" placeholder="联系人姓名" value="">-->
                        <!--                            </div>-->

                        <!--                            <div class="col-md-2 title">联系人QQ</div>-->
                        <!--                            <div class="col-md-10 data">-->
                        <!--                                <input type="text" class="form-control" placeholder="联系人QQ" value="">-->
                        <!--                            </div>-->

                        <!--                            <div class="col-md-2 title">联系人手机</div>-->
                        <!--                            <div class="col-md-10 data">-->
                        <!--                                <input type="text" class="form-control" placeholder="联系人手机" value="">-->
                        <!--                            </div>-->

                        <!--                            <div class="col-md-2 title">联系人EMAIL</div>-->
                        <!--                            <div class="col-md-10 data">-->
                        <!--                                <input type="text" class="form-control" placeholder="联系人EMAIL" value="">-->
                        <!--                            </div>-->

                        <!--                            <div class="col-md-2 title">营业执照号</div>-->
                        <!--                            <div class="col-md-10 data">-->
                        <!--                                <input type="text" class="form-control" placeholder="营业执照号" value="">-->
                        <!--                            </div>-->

                        <!--                            <div class="col-md-2 title">税务登记证号</div>-->
                        <!--                            <div class="col-md-10 data">-->
                        <!--                                <input type="text" class="form-control" placeholder="税务登记证号" value="">-->
                        <!--                            </div>-->

                        <!--                            <div class="col-md-2 title">组织机构代码证</div>-->
                        <!--                            <div class="col-md-10 data">-->
                        <!--                                <input type="text" class="form-control" placeholder="组织机构代码证" value="">-->
                        <!--                            </div>-->

                        <!--                            <div class="col-md-2 title">法定代表人</div>-->
                        <!--                            <div class="col-md-10 data">-->
                        <!--                                <input type="text" class="form-control" placeholder="法定代表人" value="">-->
                        <!--                            </div>-->

                        <!--                            <div class="col-md-2 title">法定代表人身份证号</div>-->
                        <!--                            <div class="col-md-10 data">-->
                        <!--                                <input type="text" class="form-control" placeholder="法定代表人身份证号" value="">-->
                        <!--                            </div>-->

                        <!--                            <div class="col-md-2 title">开户行名称</div>-->
                        <!--                            <div class="col-md-10 data">-->
                        <!--                                <input type="text" class="form-control" placeholder="开户行名称" value="">-->
                        <!--                            </div>-->

                        <!--                            <div class="col-md-2 title">开户行支行</div>-->
                        <!--                            <div class="col-md-10 data">-->
                        <!--                                <input type="text" class="form-control" placeholder="开户行支行" value="">-->
                        <!--                            </div>-->

                        <!--                            <div class="col-md-2 title">银行账号</div>-->
                        <!--                            <div class="col-md-10 data">-->
                        <!--                                <input type="text" class="form-control" placeholder="银行账号" value="">-->
                        <!--                            </div>-->
                        <!--                        </div>-->
                        <!--                    </div>-->
                    </table>
                </form>

            </div>
            <!--tab内容/-->
            <!--表单内容/-->

        </div>


    </div>
    <div class="btn-toolbar list-toolbar">
        <button class="btn btn-primary" onclick="Update()"><i class="fa fa-save"></i>保存</button>
        <a data-toggle="modal" class="btn btn-danger">提交</a>
    </div>

</section>
<!-- 正文区域 /-->


</body>
<script th:inline="javascript">
    $(function () {
        getSeller();
    })

    //逻辑：通过获取当前登录对象id  查询出来商家表回显到页面
    function getSeller() {
        $.ajax({
            url: domain + "/seller/getSellerById",
            headers: {'Autherizetion': window.localStorage.getItem("token")},//获取浏览器缓存中的token进行过滤器放过
            // contentType: "application/json;charset=utf-8",//我将来要往前台发送数据的时候是以json的格式发送的
            dataType: "json",
            type: "get",//必须指定请求类型
            data: {},//往后台发送的确确实实是一个json数据  JSON.stringify({})
            success: function (result) {
                if (result.code == 11) {
                    console.log(result)
                    var data = result.data;
                    var html = '';

                    $(data).each(function (i, e) {
                        html += '<div class="tab-pane active" id="home">\n' +
                            '\n' +
                            '                        <div class="row data-type">\n' +
                            '\n' +
                            '                            <div class="col-md-2 title">公司名称</div>\n' +
                            '                            <div class="col-md-10 data">\n' +
                            '                                <input type="text" class="form-control" name="name" placeholder="公司名称" value="' + e.name + '"><input type="hidden" name="sellerId" value="' + e.sellerId + '">\n' +
                            '                            </div>\n' +
                            '\n' +
                            '                            <div class="col-md-2 title">公司手机</div>\n' +
                            '                            <div class="col-md-10 data">\n' +
                            '                                <input type="text" class="form-control" placeholder="公司手机" value="' + e.mobile + '">\n' +
                            '                            </div>\n' +
                            '\n' +
                            '                            <div class="col-md-2 title">公司电话</div>\n' +
                            '                            <div class="col-md-10 data">\n' +
                            '                                <input type="text" class="form-control" placeholder="公司电话" value="' + e.telephone + '">\n' +
                            '                            </div>\n' +
                            '\n' +
                            '                            <div class="col-md-2 title">公司详细地址</div>\n' +
                            '                            <div class="col-md-10 data">\n' +
                            '                                <input type="text" class="form-control" id="addressDetail" name="addressDetail" placeholder="公司详细地址" value="' + e.addressDetail + '">\n' +
                            '                            </div>\n' +
                            '\n' +
                            '                            <div class="col-md-2 title">联系人姓名</div>\n' +
                            '                            <div class="col-md-10 data">\n' +
                            '                                <input type="text" class="form-control" placeholder="联系人姓名" value="' + e.linkmanName + '">\n' +
                            '                            </div>\n' +
                            '\n' +
                            '                            <div class="col-md-2 title">联系人QQ</div>\n' +
                            '                            <div class="col-md-10 data">\n' +
                            '                                <input type="text" class="form-control" placeholder="联系人QQ" value="' + e.linkmanQq + '">\n' +
                            '                            </div>\n' +
                            '\n' +
                            '                            <div class="col-md-2 title">联系人手机</div>\n' +
                            '                            <div class="col-md-10 data">\n' +
                            '                                <input type="text" class="form-control" placeholder="联系人手机" value="' + e.linkmanMobile + '">\n' +
                            '                            </div>\n' +
                            '\n' +
                            '                            <div class="col-md-2 title">联系人EMAIL</div>\n' +
                            '                            <div class="col-md-10 data">\n' +
                            '                                <input type="text" class="form-control" placeholder="联系人EMAIL" value="' + e.linkmanEmail + '">\n' +
                            '                            </div>\n' +
                            '\n' +
                            '                            <div class="col-md-2 title">营业执照号</div>\n' +
                            '                            <div class="col-md-10 data">\n' +
                            '                                <input type="text" class="form-control" placeholder="营业执照号" value="' + e.licenseNumber + '">\n' +
                            '                            </div>\n' +
                            '\n' +
                            '                            <div class="col-md-2 title">税务登记证号</div>\n' +
                            '                            <div class="col-md-10 data">\n' +
                            '                                <input type="text" class="form-control" placeholder="税务登记证号" value="' + e.taxNumber + '">\n' +
                            '                            </div>\n' +
                            '\n' +
                            '                            <div class="col-md-2 title">组织机构代码证</div>\n' +
                            '                            <div class="col-md-10 data">\n' +
                            '                                <input type="text" class="form-control" placeholder="组织机构代码证" value="' + e.orgNumber + '">\n' +
                            '                            </div>\n' +
                            '\n' +
                            '                            <div class="col-md-2 title">法定代表人</div>\n' +
                            '                            <div class="col-md-10 data">\n' +
                            '                                <input type="text" class="form-control" placeholder="法定代表人" value="' + e.legalPerson + '">\n' +
                            '                            </div>\n' +
                            '\n' +
                            '                            <div class="col-md-2 title">法定代表人身份证号</div>\n' +
                            '                            <div class="col-md-10 data">\n' +
                            '                                <input type="text" class="form-control" placeholder="法定代表人身份证号" value="' + e.legalPersonCardId + '">\n' +
                            '                            </div>\n' +
                            '\n' +
                            '                            <div class="col-md-2 title">开户行名称</div>\n' +
                            '                            <div class="col-md-10 data">\n' +
                            '                                <input type="text" class="form-control" placeholder="开户行名称" value="' + e.bankUser + '">\n' +
                            '                            </div>\n' +
                            '\n' +
                            '                            <div class="col-md-2 title">开户行支行</div>\n' +
                            '                            <div class="col-md-10 data">\n' +
                            '                                <input type="text" class="form-control" placeholder="开户行支行" value="' + e.bankName + '">\n' +
                            '                            </div>\n' +
                            '\n' +
                            '                            <div class="col-md-2 title">银行账号</div>\n' +
                            '                            <div class="col-md-10 data">\n' +
                            '                                <input type="text" class="form-control" placeholder="银行账号" value="' + e.bankUser + '">\n' +
                            '                            </div>\n' +
                            '                        </div>\n' +
                            '                    </div>';
                    })
                    $("#divId").html(html)
                } else if (result.code == 12) {
                    top.window.location.href = "../login.html";//token失效 跳转回登录界面  重新登录生成token  放进缓存  重新获取
                }
            }, error: function () {
                alert("模板管理查询失败")
            }
        })
    }

    function Update() {
       var add =  $("#divfrom").serializeObject();
       console.log(add)
        $.ajax({
            url: domain + "/seller/updateSeller",
            headers:{'Autherizetion':window.localStorage.getItem("token")},//获取浏览器缓存中的token进行过滤器放过
            contentType: "application/json;charset=utf-8",//我将来要往前台发送数据的时候是以json的格式发送的
            dataType: "json",
            type: "put",//必须指定请求类型
            data: JSON.stringify(add),  //往后台发送的确确实实是一个json数据   JSON.stringify({})
            success: function (result) {
                if (result.code == 11) {
                    console.log(result)
                    alert("修改成功")
                } else if (result.code == 12) {
                    top.window.location.href="../shoplogin.html";//token失效，跳转回去登录页面重新登录
                }
            }, error: function () {
                alert("修改资料异常，请联系管理员")
            }
        })
    }
</script>
</html>